<template>
  <ul v-if="mediaExtends" class="mediainfo">
    <li>
      <span>节目类型：</span>
      <span>{{programTypeList[mediaExtends.programtype]}}</span>
    </li>
    <li>
      <span>时长：</span>
      <span>{{mediaExtends.duration}}</span>
    </li>
    <li>
      <span>上映年份：</span>
      <span>{{mediaExtends.releaseyear}}</span>
    </li>
    <li>
      <span>上映日期：</span>
      <span>{{mediaExtends.releasedate}}</span>
    </li>
    <li>
      <span>出品公司：</span>
      <span>
        <span v-for="(company, index) in mediaExtends.productioncompany" :key="company + index">{{company}}</span>
      </span>
    </li>
    <li>
      <span>出品时间：</span>
      <span>{{mediaExtends.productiontime}}</span>
    </li>
    <li>
      <span>评分：</span>
      <span>{{mediaExtends.score}} 分</span>
    </li>
    <li>
      <span>是否完结：</span>
      <span>
        <span v-if="mediaExtends.isfinish == 1" type="success">是</span>
        <span size="mini" v-else type="warning">否</span>
      </span>
    </li>
    <li>
      <span>总集数：</span>
      <span>{{mediaExtends.totalnum}}</span>
    </li>
    <li>
      <span>更新集数：</span>
      <span>{{mediaExtends.updatenum}}</span>
    </li>
    <li>
      <span>导演：</span>
      <span>
        {{mediaExtends.person.director.join('、')}}
      </span>
    </li>
    <li>
      <span>编剧：</span>
      <span>
        {{mediaExtends.person.screenwriter.join('、')}}
      </span>
    </li>
    <li>
      <span>主演：</span>
      <span>
        {{mediaExtends.person.star.join('、')}}
      </span>
    </li>
    <li>
      <span>地区：</span>
      <span>
        {{mediaExtends.area.join('、')}}
      </span>
    </li>
    <li>
      <span>语言：</span>
      <span>
        {{mediaExtends.language.join('、')}}
      </span>
    </li>
    <li>
      <span>官方网站：</span>
      <span>{{mediaExtends.website}}</span>
    </li>
    <li>
      <span>IMDB编码：</span>
      <span>{{mediaExtends.imdbcode}}</span>
    </li>
  </ul>
</template>

<script>
  export default {
    name: "LongCommon",
    props: {
      mediaExtends: {
        type: Object,
        required: true
      },
      programTypeList: {
        type: Object,
        required: true
      }
    }
  }
</script>

<style scoped>
</style>
